// pages/map/map.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bg_img: 'https://main-bucket-1317028681.cos.ap-guangzhou.myqcloud.com/images/map.jpg',//背景图地址，可相对/绝对，可本地/远程

    //点击的当前地点
    currentAddr: '浩气亭',
    popover: null,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 生命周期函数 onLoad 中获取自定义的 popover 组件，根据id获取
    this.data.popover = this.selectComponent('#popover');
    // console.log(this.data.popover)
  },

  //点击地点
  addrClick: function (e) {
    // 获取按钮元素的坐标信息
    var id = e.target.id;  //e.target.id 获取点击元素的 ID 值
    switch (id) {
      case 'addr1':
        this.setData({
          currentAddr : '云麓宫'
        })
        break;
      case 'addr2':
        this.setData({
          currentAddr : '禹王碑'
        })
        break;
      case 'addr3':
        this.setData({
          currentAddr : '浩气亭'
        })
        break;
      case 'addr4':
        this.setData({
          // currentAddr : '岳麓书院'
          currentAddr : '天心阁'
        })
        break;
      case 'addr5':
        this.setData({
          currentAddr : '观楼台'
        })
        break;
      default:
        this.setData({
          currentAddr : '天心阁'
        })
        break;
    }
    console.log('currentAddr',this.data.currentAddr)
    // var id = 'button' // 或者 
    wx.createSelectorQuery().select('#' + id).boundingClientRect(res => {
      // 调用自定义组件 popover 中的 onDisplay 方法
      this.data.popover.onDisplay(res);
    }).exec();
  },

  // 响应popover组件中的子元素点击事件
  onClick: function (e) {
    // wx.showToast({
    //   title: '查看' + this.data.currentAddr + '详情',
    //   icon: 'none'
    // });
    const id = e.currentTarget.dataset.id
    // 调用自定义组件 popover 中的 onHide 方法
    this.data.popover.onHide();
    wx.navigateTo({
      url: '/pages/mapdetails/mapdetails',
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})